<template>
  <div id="app">
    <router-link to="/about">about----</router-link>
    <router-link to="/aboutttt">about1----</router-link>
    <router-view/>
    {{ $store.state.count }}
    <button @click="$store.commit('addCount')">+++</button>
  </div>
</template>

<script>
export default {
    watch: {
        $route(newValue, old) {
            console.log(11111111)
        },
        '$store.state.count'() {
           console.log(222222)
        }
    }
}
</script>

<style>
* {
  margin: 0;
  padding: 0;
  list-style: none;
}

html, body, #app {
  height: 100%;
}

.h100 {
  height: 100%;
}
</style>
